<!DOCTYPE html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Rossi - Sport eCommerce Bootstrap 4 Template</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Favicon -->
    <link rel="icon" href="assets/images/favicon.ico">

    <!-- ************************* CSS ************************* -->
    <!-- Bootstrap CSS -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">

    <!-- Fontawesome CSS -->
    <link href="assets/css/font-awesome.min.css" rel="stylesheet">

    <!-- IcoFont CSS -->
    <link href="assets/css/icon-font.min.css" rel="stylesheet">

    <!-- Plugins CSS -->
    <link href="assets/css/plugins.css" rel="stylesheet">

    <!-- Main CSS -->
    <link href="assets/css/main.min.css" rel="stylesheet">

    <!-- Modernizer JS -->
    <script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>

</head>

<body class="full-width">

    <!--=============================
        =            Header             =
        ==============================-->

    <header>
        <!-- header top nav -->
        <div class="header-top-nav">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 offset-lg-3 col-md-6 col-sm-12">
                        <!-- language and currency changer -->
                        <div class="language-currency-changer d-flex justify-content-center justify-content-md-start justify-content-lg-center">
                            <div class="language-changer">
                                <img src="assets/images/flags/1.jpg" alt="">
                                <a href="#" id="changeLanguage"><span id="languageName">English <i class="fa fa-caret-down"></i></span></a>
                                <div class="language-currency-list hidden" id="languageList">
                                    <ul>
                                        <li><a href="#"><img src="assets/images/flags/1.jpg" alt=""> English</a></li>
                                        <li><a href="#"><img src="assets/images/flags/2.jpg" alt=""> Français</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="currency-changer">
                                <a href="#" id="changeCurrency"><span id="currencyName">USD <i class="fa fa-caret-down"></i></span></a>
                                <div class="language-currency-list hidden" id="currencyList">
                                    <ul>
                                        <li><a href="#">USD</a></li>
                                        <li><a href="#">EURO</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!-- end of language and currency changer -->
                    </div>


                    <div class="col-md-6 col-sm-12">
                        <!-- user information menu -->
                        <div class="user-information-menu">
                            <ul>
                                <li><a href="wishlist.html">我的收藏</a> <span class="separator">|</span></li>
												<li><a href="checkout.html">查看</a> <span class="separator">|</span></li>
												<li><a href="cart.html">购物车 (<span id="cart-status">暂无</span>)</a> <span class="separator">|</span></li>
												<li><a href="login-register.html">登录</a></li>
                            </ul>
                        </div>
                        <!-- end of user information menu -->
                    </div>

                </div>
            </div>
        </div>
        <!-- end of header top nav -->

        <!-- header content -->
        <div class="header-content">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-md-4 offset-lg-0 text-md-left text-sm-center">
                        <!-- logo -->
                        <div class="logo">
                            <a href="index.html"><img src="assets/images/logo.png" class="img-fluid" alt="logo"></a>
                        </div>
                        <!-- end of logo -->
                    </div>
                    <div class="col-lg-6 col-md-8">
                        <!-- header search bar -->
                        <div class="header-search-bar">
                            <div class="input-group">
                                <select name="categoryName" id="categoryName">
                                    <option value="">分类</option>
													<option value="01">足球</option>
													<option value="02">--- 连衣裙</option>
													<option value="03">--- 运动衫</option>
													<option value="04">--- 靴子</option>
													<option value="05">板球</option>
                                </select>
                                <div class="input-group-append">
                                    <input type="search" name="search">
                                    <button type="submit"><i class="fa fa-search"></i></button>
                                </div>
                            </div>
                        </div>
                        <!-- end of header search bar -->
                    </div>
                    <div class="col-lg-3 col-md-4">
                        <!-- shopping cart -->
                        <div class="shopping-cart float-lg-right d-flex justify-content-start" id="shopping-cart">
                            <div class="cart-icon">
                                <a href="cart.html"><img src="assets/images/icon-topcart.png" class="img-fluid" alt=""></a>
                            </div>
                            <div class="cart-content">
                                <h2><a href="cart.html">购物车 <span><span id="cartStatus">(暂无)</span></span></a></h2>
                            </div>

                            <div class="cart-floating-box" id="cart-floating-box">
                                <div class="cart-items">
                                    <div class="cart-float-single-item d-flex">
                                        <span class="remove-item"><a href="#"><i class="fa fa-trash"></i></a></span>
                                        <div class="cart-float-single-item-image">
                                            <img src="assets/images/products/faded-short-sleeve-tshirts.jpg" class="img-fluid"
                                                alt="">
                                        </div>
                                        <div class="cart-float-single-item-desc">
                                            <p class="product-title"><span class="count">1x</span> <a href="single-product-variable.html">印花裙</a></p>
                                            <p class="size"> <a href="shop-left-sidebar.html">黄色, S号</a></p>
                                            <p class="price">$20.50</p>
                                        </div>
                                    </div>
                                    <div class="cart-float-single-item d-flex">
                                        <span class="remove-item"><a href="#"><i class="fa fa-trash"></i></a></span>
                                        <div class="cart-float-single-item-image">
                                            <img src="assets/images/products/faded-short-sleeve-tshirts.jpg" class="img-fluid"
                                                alt="">
                                        </div>
                                        <div class="cart-float-single-item-desc">
                                            <p class="product-title"><span class="count">1x</span> <a href="single-product-variable.html">印花裙</a></p>
                                            <p class="size"> <a href="shop-left-sidebar.html">黄色, S号</a></p>
                                            <p class="price">$20.50</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="cart-calculation d-flex">
                                    <div class="calculation-details">
														<p class="shipping">运费 <span>$2</span></p>
														<p class="total">总共 <span>$22</span></p>
													</div>
													<div class="checkout-button">
														<a href="checkout.html">结算</a>
													</div>
                                </div>
                            </div>
                            <!-- end of shopping cart -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end of header content -->
        <!-- header navigation menu -->
        <nav class="header-navigation black-bg">
            <div class="container px-0">
                <div class="navigation-container mb-0">
                    <div class="row">
                        <div class="col-lg-3 d-none d-lg-block">
                            <!-- ======  Header menu left text  ====== -->
                            <p class="call-us-text">联系我们 24/7: (+66) 123-456-789</p>
                        </div>
                        <div class="col-lg-9 col-md-12">

                            <!-- Header navigation right side-->

                            <!-- main menu start -->
                            <div class="main-menu">
                                <nav>
                                    <ul>
                                        <li class="active menu-item-has-children"><a href="#">主页</a>

                                            <!-- ======  Submenu block  ======= -->

                                            <ul class="sub-menu">
                                                <li class="active"><a href="index.html">主页一</a></li>
																<li><a href="index-2.html">主页二</a></li>
																<li><a href="index-3.html">主页三</a></li>
                                            </ul>

                                            <!-- ====  End of Submenu block  ==== -->

                                        </li>
                                        <li class="menu-item-has-children"><a href="#">店铺</a>

                                            <!-- ======  Submenu block  ======= -->

                                            <ul class="sub-menu">
                                                <li class="menu-item-has-children"><a href="#">店铺分类</a>
																	<ul class="sub-menu">
																		<li class="active"><a href="shop-left-sidebar.html">商铺 左侧边栏</a></li>
																		<li><a href="shop-left-sidebar-wide.html">商铺 左宽侧边栏</a></li>
																		<li><a href="shop-right-sidebar.html">商铺 右侧边栏</a></li>
																		<li><a href="shop-right-sidebar-wide.html">商铺 右侧边栏</a></li>
																		<li><a href="shop-no-sidebar-3.html">商铺 无侧边栏 3列</a></li>
																		<li><a href="shop-no-sidebar-3-wide.html">商铺 无侧边栏 3列宽</a></li>
																		<li><a href="shop-no-sidebar-4.html">商铺 无侧边栏 4列</a></li>
																		<li><a href="shop-no-sidebar-4-wide.html">商铺 无侧边栏 4列宽</a></li>
																		<li><a href="shop-no-sidebar-5.html">商铺 无侧边栏 5列</a></li>
																		<li><a href="shop-no-sidebar-5-wide.html">商铺 无侧边栏 5列宽</a></li>
																	</ul>
																</li>
                                                <li class="menu-item-has-children"><a href="#">店铺列表</a>
																	<ul class="sub-menu">
																		<li><a href="shop-list.html">商店 列表</a></li>
																		<li><a href="shop-list-wide.html">商店列表宽</a></li>
																		<li><a href="shop-left-sidebar-list.html">商店列表 左侧边栏</a></li>
																		<li><a href="shop-left-sidebar-list-wide.html">商店列表 左侧边栏宽</a></li>
																		<li><a href="shop-right-sidebar-list.html">商店列表 右侧边栏</a></li>
																		<li><a href="shop-right-sidebar-list-wide.html">商店列表 右侧边栏宽</a></li>
																	</ul>
																</li>
                                                <li class="menu-item-has-children"><a href="#">商品展示</a>
																	<ul class="sub-menu">
																		<li><a href="single-product.html">商品</a></li>
																		<li><a href="single-product-wide.html">商品 宽</a></li>
																		<li><a href="single-product-external.html">商品 外部</a></li>
																		<li><a href="single-product-external-wide.html">商品 外部 宽</a></li>
																		<li><a href="single-product-variable.html">商品 可变</a></li>
																		<li><a href="single-product-variable-wide.html">商品 可变 宽</a></li>
																		<li><a href="single-product-group.html">商品 组</a></li>
																		<li><a href="single-product-group-wide.html">商品 组 宽</a></li>
																	</ul>
																</li>
                                            </ul>
                                            <!-- ====  End of Submenu block  ==== -->

                                        </li>
                                        <li class="menu-item-has-children"><a href="#">博客</a>
                                            <!-- ======  Mega menu block  ======= -->
                                            <ul class="mega-menu three-column">
                                                <li><a href="#" class="d-none">博客</a>
																	<ul>
																		<li><a href="blog-1-column-left-sidebar.html">博客 1 列 左侧边栏</a></li>
																		<li><a href="blog-1-column-right-sidebar.html">博客 1 列 右侧边栏</a></li>
																		<li><a href="blog-2-column-left-sidebar.html">博客 2 列 左侧边栏</a></li>
																		<li><a href="blog-2-column-right-sidebar.html">博客 2 列 右侧边栏</a></li>
																		<li><a href="blog-3-column.html">博客 3 列</a></li>
																	</ul>
																</li>
                                                <li><a href="#" class="d-none">博客 宽</a>
																	<ul>
																		<li><a href="blog-1-column-left-sidebar-wide.html">博客 1 列 左侧边栏 宽</a></li>
																		<li><a href="blog-1-column-right-sidebar-wide.html">博客 1 列 右侧边栏 宽</a></li>
																		<li><a href="blog-2-column-left-sidebar-wide.html">博客 2 列 左侧边栏 宽</a></li>
																		<li><a href="blog-2-column-right-sidebar-wide.html">博客 2 列 右侧边栏 宽</a></li>
																		<li><a href="blog-3-column-wide.html">博客 3 列 宽</a></li>
																	</ul>
																</li>
                                                <li><a href="#" class="d-none">单博客</a>
																	<ul>
																		<li><a href="single-blog-left-sidebar.html">单博客 左侧边栏</a></li>
																		<li><a href="single-blog-left-sidebar-wide.html">单博客 左侧边栏 宽</a></li>
																		<li><a href="single-blog-right-sidebar.html">单博客 右侧边栏</a></li>
																		<li><a href="single-blog-right-sidebar-wide.html">单博客 右侧边栏 宽</a></li>
																	</ul>
																</li>
                                            </ul>
                                            <!-- ====  End of Mega menu block  ==== -->
                                        </li>

                                        <li class="menu-item-has-children"><a href="#">页面</a>
                                            <!-- ======  Submenu block  ======= -->

                                            <ul class="sub-menu">
                                                <li><a href="cart.html">购物车</a></li>
																<li><a href="cart-wide.html">购物车 宽</a></li>
																<li><a href="checkout.html">结算</a></li>
																<li><a href="checkout-wide.html">结算 宽</a></li>
																<li><a href="compare.html">对比</a></li>
																<li><a href="compare-wide.html">结算 宽</a></li>
																<li><a href="store.html">店铺</a></li>
																<li><a href="store-wide.html">店铺 宽</a></li>
																<li><a href="wishlist.html">愿望清单</a></li>
																<li><a href="wishlist-wide.html">愿望清单 宽</a></li>
																<li><a href="my-account.html">我的账户</a></li>
																<li><a href="my-account-wide.html">我的账户 宽</a></li>
																<li><a href="login-register.html">登录 注册</a></li>
																<li><a href="login-register-wide.html">登录 注册 宽</a></li>
                                            </ul>

                                            <!-- ====  End of Submenu block  ==== -->
                                        </li>
                                        <li><a href="about.html">关于</a></li>
														<li><a href="contact.html">联系</a></li>
                                    </ul>
                                </nav>

                                <!-- Mobile Menu -->
                                <div class="mobile-menu order-12 d-block col d-lg-none"></div>

                            </div>

                            <!-- end of Header navigation right side-->
                        </div>
                    </div>
                </div>
            </div>
        </nav>
        <!-- end of header navigation menu -->
        <!-- breadcrumb section -->
        <div class="breadcrumb-area mt-15">
            <div class="container">
                <div class="row">
                    <div class="col">
                        <div class="breadcrumb-container">
                            <ul>
                                <li><a href="index.html">主页</a> <span class="bc-separator">|</span></li>
                                <li class="active">博客</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end of breadcrumb section -->
    </header>
    <!--====  End of Header   ====-->


    <!--===========================================
        =            blog content section            =
        ============================================-->


    <div class="blog-section mt-50 mb-50">
        <div class="container">
            <div class="row row-40">
                <div class="col-xl-9 col-lg-8 col-12">
                    <div class="row">

                        <!-- Blog Item -->
                        <div class="col-md-6 col-12 mb-40">
                            <div class="rossi-blog">
                                <a href="single-blog-left-sidebar.html" class="image"><img src="assets/images/blog/blog-1.jpg"
                                        alt="Blog Image"></a>
                                <div class="content">
                                    <h4><a href="single-blog-left-sidebar.html">最新的无人机拍摄天空视图图像和4K视频</a></h4>
                                    <ul class="meta">
                                        <li><a href="#">Momen</a></li>
                                        <li><a href="#">30 January, 2018</a></li>
                                        <li><a href="#">Comments 05</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <!-- Blog Item -->
                        <div class="col-md-6 col-12 mb-40">
                            <div class="rossi-blog">
                                <a href="single-blog-left-sidebar.html" class="image"><img src="assets/images/blog/blog-2.jpg"
                                        alt="Blog Image"></a>
                                <div class="content">
                                    <h4><a href="single-blog-left-sidebar.html">Zeon Z 5 Pro笔记本电脑让您的生活轻松简单</a></h4>
                                    <ul class="meta">
                                        <li><a href="#">Momen</a></li>
                                        <li><a href="#">30 January, 2018</a></li>
                                        <li><a href="#">Comments 05</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <!-- Blog Item -->
                        <div class="col-md-6 col-12 mb-40">
                            <div class="rossi-blog">
                                <a href="single-blog-left-sidebar.html" class="image"><img src="assets/images/blog/blog-3.jpg"
                                        alt="Blog Image"></a>
                                <div class="content">
                                    <h4><a href="single-blog-left-sidebar.html">最新Play Station用于合作独家游戏</a></h4>
                                    <ul class="meta">
                                        <li><a href="#">Momen</a></li>
                                        <li><a href="#">30 January, 2018</a></li>
                                        <li><a href="#">Comments 05</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <!-- Blog Item -->
                        <div class="col-md-6 col-12 mb-40">
                            <div class="rossi-blog">
                                <a href="single-blog-left-sidebar.html" class="image"><img src="assets/images/blog/blog-4.jpg"
                                        alt="Blog Image"></a>
                                <div class="content">
                                    <h4><a href="single-blog-left-sidebar.html">用JBS耳机感受真正的歌曲，享受 </a></h4>
                                    <ul class="meta">
                                        <li><a href="#">Momen</a></li>
                                        <li><a href="#">30 January, 2018</a></li>
                                        <li><a href="#">Comments 05</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <!-- Blog Item -->
                        <div class="col-md-6 col-12 mb-40">
                            <div class="rossi-blog">
                                <a href="single-blog-left-sidebar.html" class="image"><img src="assets/images/blog/blog-5.jpg"
                                        alt="Blog Image"></a>
                                <div class="content">
                                    <h4><a href="single-blog-left-sidebar.html">最具吸引力的智能手表将于今年2月亮相</a></h4>
                                    <ul class="meta">
                                        <li><a href="#">Momen</a></li>
                                        <li><a href="#">30 January, 2018</a></li>
                                        <li><a href="#">Comments 05</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <!-- Blog Item -->
                        <div class="col-md-6 col-12 mb-40">
                            <div class="rossi-blog">
                                <a href="single-blog-left-sidebar.html" class="image"><img src="assets/images/blog/blog-6.jpg"
                                        alt="Blog Image"></a>
                                <div class="content">
                                    <h4><a href="single-blog-left-sidebar.html">Introducing innovative
                                            Smartsphone Uawei Mate 10 Pro</a></h4>
                                    <ul class="meta">
                                        <li><a href="#">Momen</a></li>
                                        <li><a href="#">30 January, 2018</a></li>
                                        <li><a href="#">Comments 05</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <!-- Blog Item -->
                        <div class="col-md-6 col-12 mb-40">
                            <div class="rossi-blog">
                                <a href="single-blog-left-sidebar.html" class="image"><img src="assets/images/blog/blog-7.jpg"
                                        alt="Blog Image"></a>
                                <div class="content">
                                    <h4><a href="single-blog-left-sidebar.html">新柯南D70不会错过任何时刻</a></h4>
                                    <ul class="meta">
                                        <li><a href="#">Momen</a></li>
                                        <li><a href="#">30 January, 2018</a></li>
                                        <li><a href="#">Comments 05</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <!-- Blog Item -->
                        <div class="col-md-6 col-12 mb-40">
                            <div class="rossi-blog">
                                <a href="single-blog-left-sidebar.html" class="image"><img src="assets/images/blog/blog-8.jpg"
                                        alt="Blog Image"></a>
                                <div class="content">
                                    <h4><a href="single-blog-left-sidebar.html">为家庭和办公室推出Jeilips咖啡机</a></h4>
                                    <ul class="meta">
                                        <li><a href="#">Momen</a></li>
                                        <li><a href="#">30 January, 2018</a></li>
                                        <li><a href="#">Comments 05</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                    </div>

                    <!-- Pagination -->
                    <div class="row">
                        <div class="col">

                            <ul class="pagination">
                                <li><a href="#"><i class="fa fa-angle-left"></i>上一页</a></li>
                                <li><a href="#">1</a></li>
                                <li class="active"><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li> - - - - - </li>
                                <li><a href="#">18</a></li>
                                <li><a href="#">18</a></li>
                                <li><a href="#">20</a></li>
                                <li><a href="#">下一页<i class="fa fa-angle-right"></i></a></li>
                            </ul>

                        </div>
                    </div>
                </div>

                <div class="col-xl-3 col-lg-4 col-12">

                    <!-- Blog Sidebar -->
                    <div class="blog-sidebar mb-40">
                        <h2 class="block-title">分类</h2>
                        <ul>
                            <li><a href="#">TV & 音响系统</a></li>
                                            <li><a href="#">电脑 & 笔记本</a></li>
                                            <li><a href="#">手机 & 平板电脑</a></li>
                                            <li><a href="#">家用电器</a></li>
                                            <li><a href="#">厨房电器</a></li>
                                            <li><a href="#">打印机和扫描仪</a></li>
                                            <li><a href="#">相机和CC相机</a></li>
                                            <li><a href="#">智能手表</a></li>
                                            <li><a href="#">配件</a></li>
                        </ul>

                    </div>

                    <!-- Blog Sidebar -->
                    <div class="blog-sidebar mb-40">

                        <h2 class="block-title">最近的帖子</h2>

                        <div class="sidebar-blog">
                            <a href="#" class="image"><img src="assets/images/blog/sidebar-blog-1.jpg" alt="Sidebar Blog"></a>
                            <div class="content">
                                <h5><a href="#">PS4 Play Station用于玩游戏</a></h5>
                                <span>30 一月 2018</span>
                            </div>
                        </div>

                        <div class="sidebar-blog">
                            <a href="#" class="image"><img src="assets/images/blog/sidebar-blog-2.jpg" alt="Sidebar Blog"></a>
                            <div class="content">
                                <h5><a href="#">厨房电器烤面包机</a></h5>
                                <span>26 一月 2018</span>
                            </div>
                        </div>

                        <div class="sidebar-blog">
                            <a href="#" class="image"><img src="assets/images/blog/sidebar-blog-3.jpg" alt="Sidebar Blog"></a>
                            <div class="content">
                                <h5><a href="#">最具创意的智能手机</a></h5>
                                <span>20 一月 2018</span>
                            </div>
                        </div>

                    </div>

                    <!-- Blog Sidebar -->
                    <div class="blog-sidebar mb-40">

                        <h2 class="block-title">标签</h2>

                        <div class="tags-cloud">
                            <a href="#">手机</a>
                                            <a href="#">熨斗</a>
                                            <a href="#">三聚物</a>
                                            <a href="#">智能手表</a>
                                            <a href="#">玩站</a>
                                            <a href="#">烤箱</a>
                        </div>

                    </div>

                </div>

            </div>
        </div>
    </div>

    <!--====  End of blog content section  ====-->

    <!--=======================================
        =            brand logo slider            =
        ========================================-->

    <div class="brand-logo-slider mb-50">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-sm-12">
                    <div class="brand-logo-list">
                        <!-- ======  single brand logo block  ====== -->

                        <div class="single-brand-logo">
                            <a href="#">
                                <img src="assets/images/brand-logos/1.jpg" alt="">
                            </a>
                        </div>

                        <!-- ====  End of single brand logo block  ==== -->
                        <!-- ======  single brand logo block  ====== -->

                        <div class="single-brand-logo">
                            <a href="#">
                                <img src="assets/images/brand-logos/2.jpg" alt="">
                            </a>
                        </div>

                        <!-- ====  End of single brand logo block  ==== -->
                        <!-- ======  single brand logo block  ====== -->

                        <div class="single-brand-logo">
                            <a href="#">
                                <img src="assets/images/brand-logos/3.jpg" alt="">
                            </a>
                        </div>

                        <!-- ====  End of single brand logo block  ==== -->
                        <!-- ======  single brand logo block  ====== -->

                        <div class="single-brand-logo">
                            <a href="#">
                                <img src="assets/images/brand-logos/4.jpg" alt="">
                            </a>
                        </div>

                        <!-- ====  End of single brand logo block  ==== -->
                        <!-- ======  single brand logo block  ====== -->

                        <div class="single-brand-logo">
                            <a href="#">
                                <img src="assets/images/brand-logos/5.jpg" alt="">
                            </a>
                        </div>

                        <!-- ====  End of single brand logo block  ==== -->
                        <!-- ======  single brand logo block  ====== -->

                        <div class="single-brand-logo">
                            <a href="#">
                                <img src="assets/images/brand-logos/6.jpg" alt="">
                            </a>
                        </div>

                        <!-- ====  End of single brand logo block  ==== -->
                        <!-- ======  single brand logo block  ====== -->

                        <div class="single-brand-logo">
                            <a href="#">
                                <img src="assets/images/brand-logos/7.jpg" alt="">
                            </a>
                        </div>

                        <!-- ====  End of single brand logo block  ==== -->

                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--====  End of brand logo slider  ====-->



    <!--========================================
	=            newsletter section            =
	=========================================-->

    <section class="newsletter-section">
        <div class="container">
            <div class="newsletter-container dark-bg">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 col-md-12 col-sm-12">

                            <!-- ======  Newsletter input box  ======= -->

                            <div class="newsletter-wrapper d-md-flex">
                                <!-- newsletter text -->
                                <div class="newsletter-text">
                                    <h2>通讯 <span>注册我们的通讯</span></h2>
                                </div>
                                <!-- end of newsletter text -->

                                <!-- newsletter input -->
                                <div class="newsletter-input">
                                    <div class="input-group">
                                        <div class="input-group-append">
                                            <form id="mc-form" class="mc-form subscribe-form">
                                                <input type="email" id="mc-email" type="email" autocomplete="off"
                                                    placeholder="请输入你的邮箱" required>
                                                <button id="mc-submit" type="submit"> 订阅 </button>
                                            </form>

                                        </div>
                                    </div>
                                    <!-- mailchimp-alerts Start -->
                                    <div class="mailchimp-alerts">
                                        <div class="mailchimp-submitting"></div><!-- mailchimp-submitting end -->
                                        <div class="mailchimp-success"></div><!-- mailchimp-success end -->
                                        <div class="mailchimp-error"></div><!-- mailchimp-error end -->
                                    </div><!-- mailchimp-alerts end -->
                                </div>
                                <!-- end of newsletter input -->
                            </div>

                            <!-- ====  End of Newsletter input box  ==== -->

                        </div>
                        <div class="col-lg-4 col-md-12 col-sm-12">
                            <!-- ======  Social icon list  ======= -->

                            <div class="social-icons text-right mt-5">
                                <ul>
                                    <li><a class="facebook-link" href="//www.facebook.com"><i class="fa fa-facebook"></i></a>
                                        <span class="popup">facebook</span>
                                    </li>
                                    <li><a class="rss-link" href="//rss.com"><i class="fa fa-rss"></i></a>
                                        <span class="popup">rss</span>
                                    </li>
                                    <li><a class="twitter-link" href="//www.twitter.com"><i class="fa fa-twitter"></i></a>
                                        <span class="popup">twitter</span>
                                    </li>
                                    <li><a class="skype-link" href="//www.skype.com"><i class="fa fa-skype"></i></a>
                                        <span class="popup">Skype</span>
                                    </li>
                                    <li><a class="dribbble-link" href="//www.dribbble.com"><i class="fa fa-dribbble"></i></a>
                                        <span class="popup">Dribbble</span>
                                    </li>
                                </ul>
                            </div>

                            <!-- ====  End of Social icon list  ==== -->

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!--====  End of newsletter section  ====-->

    <!--============================
        =            footer            =
        =============================-->

    <footer>
        <div class="container">
            <!-- footer navigation -->
            <div class="footer-navigation section-padding">
                <div class="row">
                    <div class="col-lg-4 col-md-4">
                        <!-- footer description -->
                        <div class="footer-description">
                            <div class="footer-logo">
                                <img src="assets/images/logo.png" alt="">
                            </div>
                            <p>这是一串随机生成的文字，没有实际意义。请不要将重要信息填入，以防泄漏。如有雷同，纯属巧合。。。</p>
                        </div>
                        <!-- end of footer description -->
                    </div>
                    <div class="col-lg-8 col-md-8">
                        <!-- footer nav links -->
                        <div class="row">
                            <div class="col-lg-3 col-md-6">
                                <!-- single footer nav block -->
                                <div class="single-footer-nav-block">
                                    <h2 class="block-title">信息</h2>
                                    <ul class="footer-nav-links">
                                        <li><a href="shop-left-sidebar.html">特价</a></li>
														<li><a href="shop-left-sidebar.html">新产品</a></li>
														<li><a href="shop-left-sidebar.html">最畅销</a></li>
														<li><a href="contact.html">联系我们</a></li>
														<li><a href="about.html">关于我们</a></li>
                                    </ul>
                                </div>
                                <!-- end of single footer nav block -->
                            </div>
                            <div class="col-lg-3 col-md-6">
                                <!-- single footer nav block -->
                                <div class="single-footer-nav-block">
                                    <h2 class="block-title"><a href="my-account.html">我的帐户</a></h2>
													<ul class="footer-nav-links">
														<li><a href="#">我的订单</a></li>
														<li><a href="#">我的信用单</a></li>
														<li><a href="my-account.html">我的地址</a></li>
														<li><a href="my-account.html">个人信息</a></li>
													</ul>
                                </div>
                                <!-- end of single footer nav block -->
                            </div>
                            <div class="col-lg-3 col-md-6">
                                <!-- single footer nav block -->
                                <div class="single-footer-nav-block">
                                    <h2 class="block-title">类别</h2>
													<ul class="footer-nav-links">
														<li><a href="shop-left-sidebar.html">足球</a></li>
														<li><a href="shop-left-sidebar.html">网球</a></li>
														<li><a href="shop-left-sidebar.html">婴儿食品</a></li>
														<li><a href="shop-left-sidebar.html">板球</a></li>
														<li><a href="shop-left-sidebar.html">棒球</a></li>
													</ul>
                                </div>
                                <!-- end of single footer nav block -->
                            </div>
                            <div class="col-lg-3 col-md-6">
                                <!-- single footer nav block -->
                                <div class="single-footer-nav-block">
                                    <h2 class="block-title">我们的服务</h2>
													<ul class="footer-nav-links">
														<li><a href="store.html">我们的店</a></li>
														<li><a href="about.html">信息</a></li>
														<li><a href="#">隐私政策</a></li>
														<li><a href="#">条款 & 条件</a></li>
													</ul>
                                </div>
                                <!-- end of single footer nav block -->
                            </div>
                        </div>
                        <!-- end of footer nav links -->

                    </div>
                </div>
            </div>
            <!-- end of footer navigation -->

            <!-- copyright section -->
            <div class="copyright-section">
                <div class="copyright-container">
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-12">
                            <p class="copyright-text text-center text-md-left">Copyright © 2018 <a href="#">Rossi</a>. All Rights
                                Reserved</p>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-12">
                            <div class="payment-logos text-md-right text-center">
                                <img src="assets/images/payment.png" alt="payment logo">
                            </div>
                        </div>
                    </div>
                </div>
                <!-- end of copyright section -->
            </div>
        </div>
    </footer>

    <!--====  End of footer  ====-->



    <!-- scroll to top  -->
    <a href="#" class="scroll-top"></a>
    <!-- end of scroll to top -->



    <!-- ************************* JS ************************* -->
    <!-- jQuery JS -->
    <script src="assets/js/vendor/jquery.min.js"></script>

    <!-- Popper JS -->
    <script src="assets/js/popper.min.js"></script>

    <!-- Bootstrap JS -->
    <script src="assets/js/bootstrap.min.js"></script>

    <!-- Plugins JS -->
    <script src="assets/js/plugins.js"></script>

    <!-- Main JS -->
    <script src="assets/js/main.js"></script>

</body>

</html>